{extend name="public:public" /}
{block name="section"}
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 订单管理 <span class="c-gray en">&gt;</span> 充值订单 <a
            class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
            href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">

            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <!--<span class="l">-->
					<!--<a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>-->
					<!--<a class="btn btn-primary radius" onclick="product_add('添加产品','{:url('admin/goods/add')}')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加产品</a>-->
					<!--</span> -->
                <span class="r">共有数据：<strong>{$data->total()}</strong> 条</span> </div>
            <div class="mt-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <!--<th width="25"><input type="checkbox" name="" value="">-->
                        <td width="30">ID</td>
                        <th width="120">用户名</th>
                        <th width="90">充值金额</th>
                        <th width="150">赠送金额</th>
                        <th width="">创建时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name='data' id='vo'}
                    <tr class="text-c">
                        <!--<td><input type="checkbox" value="1" name=""></td>-->
                        <td>{$vo.id}</td>
                        <td><u style="cursor:pointer" class="text-primary"><a href="/admin/order/getUserOrder/user_id/{$vo.user_id}">{$vo.user.nickname}</a></u>
                        </td>
                        <td>{$vo.charge_money}</td>
                        <td>{$vo.donate_money}</td>
                        <td>{$vo.create_time}</td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
                {$data->render()}
            </div>
        </article>
    </div>
</section>
<script type="text/javascript">


    $('#menu-order').children('dt').addClass('selected');
    $('#menu-order').children('dd').show();
    $('#menu-order').children('dd').find('a').eq(1).css({
        color:'#148cf1',
        backgroundColor:'#FFF'
    });

    $(function () {
        // $('.table-sort').dataTable({
        //     "aaSorting": [[1, "desc"]],//默认第几个排序
        //     "bStateSave": true,//状态保存
        //     "aoColumnDefs": [
        //         //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
        //         {"orderable": false, "aTargets": [0, 8, 9]}// 制定列不参与排序
        //     ]
        // });
        $('.table-sort tbody').on('click', 'tr', function () {
            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            }
            else {
                table.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });
    });

    /*订单详情*/
    function order_detail(title, url, w, h) {
        layer_show(title, url, w, h);
    }

    /*用户-查看*/
    function member_show(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？', function (index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!', {icon: 5, time: 1000});
        });
    }

    /*用户-启用*/
    function member_start(obj, id) {
        layer.confirm('确认要启用吗？', function (index) {
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!', {icon: 6, time: 1000});
        });
    }

    /*用户-编辑*/
    function member_edit(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*密码-修改*/
    function change_password(title, url, id, w, h) {
        layer_show(title, url, w, h);
    }

    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }

    /*确认接单*/
    function jie_dan(obj, id, type) {
        layer.confirm('确认改变此订单状态？', function (index) {
            $.ajax({
                type: 'POST',
                url: '/admin/order/changeStatus',
                data: {'order_id': id, 'type': type},
                dataType: 'json',
                success: function (data) {
                    if (data.status == 1) {
                        layer.msg(data.msg);
                    } else {
                        layer.msg(data.msg);
                    }
                    location.reload();
                },
            });
        });
    }
</script>
{/block}

